﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>hCard</title>
<link rel="stylesheet" type="text/css" media="screen" title="basicDark_fixed" href="oomphcss/basicDark_fixed.css" />
</head>

<body>
<!-- THIS STARTS THE hCARD -->
<!-- THIS STARTS THE hCARD -->
<!-- THIS STARTS THE hCARD -->
	<div id="hcard" class="vcard">

	 	<!-- HCARD PHOTO -->
	 	<!-- HCARD PHOTO -->
		<div class="photo">
			<img alt="Avatar" height="64" src="oomphcss/oomphimages/avatar_64.jpg" width="64" />
		</div>
	 	
	 	<!-- HCARD CONTENT CONTAINER. "container" IS NOT A hCARD STYLE. -->
	 	<!-- HCARD CONTENT CONTAINER. "container" IS NOT A hCARD STYLE. -->
		<div class="container">
	 		<!-- PERSON NAME -->
	 		<!-- PERSON NAME -->
			<div class="fn full-name">
				<span class="given-name">First</span>
			  	<span class="additional-name">Middle</span>
			  	<span class="family-name">Last</span>
			</div>

	 		<!-- COMPANY NAME -->
	 		<!-- COMPANY NAME -->
			<div class="org">Company Name</div>

	 		<!-- WEBSITE URL -->
	 		<!-- WEBSITE URL -->
			<div>
				<a class="url" href="http://thunderkick.us">http://websiteurl.com</a>
			</div>
	 		
	 		<!-- EMAIL -->
	 		<!-- EMAIL -->
	 		<a class="email" href="mailto:timaidlin@hotmail.com">email@provider.com</a>
	 		
			<!-- ADDRESS -->
			<!-- ADDRESS -->	 
	 		<div class="adr">
	 			<div class="street-address">Street Address</div>
	 			<span class="locality">City</span>
				, 
				<span class="region">WA</span>
				,
				<span class="postal-code">012345</span>
				<div class="country-name">Country</div>
			 </div> 
			 
		 	<!-- TELEPHONE -->
		 	<!-- TELEPHONE -->
			<div class="tel">206.555.1212</div>

			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" is not a Microformat tag.-->	 
			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" is not a Microformat tag.-->	 
			<div class="linksTags">
	 			<a class="url" href="aim:goim?screenname=aimscreenname">AIM</a>
	 			<a class="url" href="ymsgr:sendIM?yimscreenname">YIM</a>
	 			<a class="url" href="xmpp:jabberscreenname">Jabber</a>
				<div class="tags">
					<a href="http://kitchen.technorati.com/contacts/tag/tag1">tag1</a> <a href="http://kitchen.technorati.com/contacts/tag/tag2">tag2</a> <a href="http://kitchen.technorati.com/contacts/tag/tag3">tag3</a>
				</div>
			</div>
			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" is not a Microformat tag.-->	 
			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" IS NOT A MICROFORMAT TAG.-->	
		</div>
		<!-- HCARD CONTENT CONTAINER -->
	 	<!-- HCARD CONTENT CONTAINER -->
	</div>
	<!-- THIS ENDS THE hCARD -->
	<!-- THIS ENDS THE hCARD -->
	<!-- THIS ENDS THE hCARD -->

<!-- THIS BEGINS THE FOOTER.  CLASS "footer" IS NOT A MICROFORMAT TAG. -->
	<div class="footer"></div>

</body>

</html>
